<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="./order_detail.css">
    <title>拒绝退货</title>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">拒绝退货</span>
      	</div>
  	</div>
  	<div class="container top-container">
  		<div class="order_refuse">
	  		<h2 class='order_refuse_buy'>
          <span v-cloak v-if="!orderDetail.group_buying" :class="orderDetail.group_buying ? '' : 'buyer_class'">买家</span>
          <span v-cloak v-if="orderDetail.group_buying" :class="orderDetail.group_buying ? 'group_buyer_class' : ''">拼团</span>
          <span v-html="orderDetail.user_name"></span>
	  		</h2>
	  		<div class="order_refuse_box" v-for="item in orderDetail.goods" @click="openGoodsDetail(item.goods_id)">
	  			<div class="refuse_img">
	  				<img :src="item.cover"/>
	  			</div>
	  			<div class="refuse_info">
	  				<h2 v-html="item.goods_name"></h2>
            <p><span>订单编号：</span> <span v-html="orderDetail.order_sn"></span></p>
  					<p><span>订单型号：</span> <span v-html="item.option_name"></span></p>
  					<p><span>订单数量：</span> <span v-html="item.quantity"></span></p>
					<p><span>订单金额：</span><u><em v-if="!orderDetail.yzc_status">¥</em> <em v-if="orderDetail.yzc_status"><img src="../../../image/shop/yzc_icon.png" alt=""></em> <span v-html="item.price"></span></u><i v-html="orderDetail.date_add"></i></p>
	  			</div>
	  		</div>
	  		<!-- <div class="order_refuse_box">
	  			<div class="refuse_img">
	  				<img src="../../../image/shop/shop_goods.jpg"/>
	  			</div>
	  			<div class="refuse_info">
	  				<h2>标题订单详情，订单详情订单详情订单详情订单详情订单详情</h2>
					<p><span>订单编号：</span>2152455</p>
					<p><span>订单型号：</span>范德萨</p>
					<p><span>订单数量：</span>536</p>
					<p><span>订单金额：</span><u>¥3565.33</u><i>2016-06-25 16:12</i></p>
	  			</div>
	  		</div> -->
  		</div>
  		<ul class="order_detail_info order_refuse_list">
  			<li>
  				<span>拒绝原因：</span>
  				<div><u @click="refuseCauseSelect" ref="causeSelectDom" class="reason_tag">请选择</u></div>
  			</li>
  			<li>
  				<span>拒绝说明：</span>
  				<div><input type="text" name="" v-model="refuse_explain" value="" placeholder="选填"/></div>
  			</li>
  		</ul>
  		<div class="order_refuse_cause" data-name="原因选择" ref="orderRefuseCause">
  			<div class="refuse_cause_bg" @click="close_order_refuse_cause"></div>
  			<div class="refuse_cause_main">
  				<h2>请选择原因</h2>
  				<ul>
  					<li v-for="item in reasonList">
              <label>
  						<input type="radio" name="refuse" v-model="picked" class="aui-radio" :value="item.order_seller_reason_id" /><span v-html="item.content"></span>
              </label>
  					</li>
  					<!-- <li>
  						<input type="radio" name="refuse" class="aui-radio" value="" />发的顺丰的说法都是范德萨发涩网
  					</li> -->
  					<!-- <li>
  						<input type="radio" name="refuse" class="aui-radio" value="otherReason" />其他
  						<textarea name="" rows="" cols="" placeholder="请输入原因"></textarea>
  					</li> -->
  				</ul>
  				<a href="javascript:void(0);" @click="selectReasonConfirm">确定</a>
  			</div>
  		</div>
		<a href="javascript:void(0);" class="order_refuse_btn" @click="commit">提交</a>
    </div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./refuse.js"></script>
</html>
